<template>
  <el-tree :props="props" :load="loadNode" lazy @node-click="clickHandler" accordion> </el-tree>
</template>

<script>
export default {
  data() {
    return {
      props: {
        label: "name",
        children: "zones",
        isLeaf: "leaf",
      },
    };
  },
  methods: {
    //点击节点触发的事件
    clickHandler(data,node){
        this.$emit('sendTreeDate',data);
    },

    loadNode(node, resolve) {
      if (node.level === 0) {
        this.$api.selectItemCategoryByParentId().then((res) => {
          if (res.data.status == 200) {
            return resolve(res.data.result);
          } else {
            return resolve([]);
          }
        });
      }
      if (node.level >= 1){
        this.$api.selectItemCategoryByParentId({type:node.data.cid}).then((res) => {
          if (res.data.status == 200) {
            return resolve(res.data.result);
          } else {
            return resolve([]);
          }
        });
      } 
    },
  },
};
</script>

<style>
</style>